<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <title>My First Parcel App</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="../src/styles.css" />
  </head>
  <body>

    <div id="app"></div>
    <script type="module" src="../src/index.tsx"></script>

    <!-- <h1>Flows</h1> -->


    <!-- <div class="list">
      <div class="item">
        <h2>Single Wallet</h2>
        <p>
          Connect -> Switch network to polygon -> Make a transaction  & run -> show a Notif.
        </p>
        <p>
          Requirements:
          <ul>
            <li>Use metamsk</li>
            <li>Your metamsk network should be ethereum. (Not be Polygon)</li>
          </ul>
        </p>
        <div>
          <button id="single">Run</button>
        </div>
      </div>

      <div class="item">
        <h2>Multiple Queue</h2>
        <p>
          make two queue -> run the queues
        </p>
        <button id="multiple">Run</button>
      </div>

      <div class="item">
        Persist queues.
      </div>

      <div class="item">
        Parallel queues.
      </div>

      <div class="item">
        Multi Wallet.
        metamask, phantom
      </div>

      <div class="item">
        Resume queues.
      </div>
      
      
    </div>

    <div class="queues">
      <h2>Queues</h2>
      <\!-- list --\>
    </div> -->
  </body>
</html>